<include file='Common:header' />
<include file='Common:header_nav' />
  <div class="main-content">
    <div class="main-content-inner">
      <div class="page-content">
        <!-- /section:settings.box -->
        <div class="page-header">
          <h1>
            个人信息
            <small>
              <i class="ace-icon fa fa-angle-double-right"></i>
         
            </small>
          </h1>
        </div>

        <div class="alert alert-block alert-danger">
          <button type="button" class="close" data-dismiss="alert">
            <i class="ace-icon fa fa-times"></i>
          </button>

          <p>
            <strong>
              <i class="ace-icon fa fa-times"></i>
              信息未补全12
            </strong>
            请前去查看补全确认自己基本信息。
          </p>

          <p>
            <button class="btn btn-sm btn-danger">立即前去</button>
          </p>
        </div>

        <div class="row">
        <div class="col-xs-12 col-sm-3 center">
          <span class="profile-picture">
            <img class="editable img-responsive" alt="Alex's Avatar" id="avatar2" src="__PUBLIC__/assets/avatars/profile-pic.jpg" />
          </span>
          <div class="space space-4"></div>
          <a href="#" class="btn btn-sm btn-block btn-success">
            <i class="ace-icon fa fa-user bigger-120"></i>
            <span class="bigger-110">个人信息确认</span>
          </a>
          <a href="#" class="btn btn-sm btn-block btn-primary">
            <i class="ace-icon fa fa-cogs bigger-110"></i>
            <span class="bigger-110">求职信息发布</span>
          </a>
        </div><!-- /.col -->
        <div class="col-xs-12 col-sm-9">
          <h4 class="blue">
            <span class="middle" style="font-size:28px;">焦洪波</span>
            <span class="label label-grey arrowed-in-right">
              未认证信息
            </span>
          </h4>
          <div class="profile-user-info">
            <div class="profile-info-row">
              <div class="profile-info-name"> 班级 </div>
              <div class="profile-info-value">
                <span>902班</span>
              </div>
            </div>
            <div class="profile-info-row">
              <div class="profile-info-name"> 住址 </div>

              <div class="profile-info-value">
                <i class="fa fa-map-marker light-orange bigger-110"></i>
                <span>河南省焦作市博爱县</span>
              </div>
            </div>

            <div class="profile-info-row">
              <div class="profile-info-name"> 年龄 </div>

              <div class="profile-info-value">
                <span>23</span>
              </div>
            </div>

            <div class="profile-info-row">
              <div class="profile-info-name"> 生日 </div>

              <div class="profile-info-value">
                <span>2010/06/20</span>
              </div>
            </div>

            
          </div>

          <div class="hr hr-8 dotted"></div>

          <div class="profile-user-info">
            <div class="profile-info-row">
              <div class="profile-info-name"> 其他 </div>

              <div class="profile-info-value">
                <a href="#" target="_blank">www.baidu.com</a>
              </div>
            </div>
            
          </div>
        </div><!-- /.col -->
      </div><!-- /.row -->

      <div class="space-20"></div>

      <div class="row">
        <div class="col-xs-12 col-sm-6">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
              <h4 class="widget-title smaller">
                <i class="ace-icon fa fa-check-square-o bigger-110"></i>
                Little About Me
              </h4>
            </div>
            <div class="widget-body">
              <div class="widget-main">
                <p>
                  My job is mostly lorem ipsuming and dolor sit ameting as long as consectetur adipiscing elit.
                </p>
                <p>
                  Sometimes quisque commodo massa gets in the way and sed ipsum porttitor facilisis.
                </p>
                <p>
                  The best thing about my job is that vestibulum id ligula porta felis euismod and nullam quis risus eget urna mollis ornare.
                </p>
                <p>
                  Thanks for visiting my profile.
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small header-color-blue2">
              <h4 class="widget-title smaller">
                <i class="ace-icon fa fa-lightbulb-o bigger-120"></i>
                My Skills
              </h4>
            </div>
            <div class="widget-body">
              <div class="widget-main padding-16">
                <div class="clearfix">
                  <div class="grid3 center">
                    <!-- #section:plugins/charts.easypiechart -->
                    <div class="easy-pie-chart percentage" data-percent="45" data-color="#CA5952">
                      <span class="percent">45</span>%
                    </div>

                    <!-- /section:plugins/charts.easypiechart -->
                    <div class="space-2"></div>
                    Graphic Design
                  </div>

                  <div class="grid3 center">
                    <div class="center easy-pie-chart percentage" data-percent="90" data-color="#59A84B">
                      <span class="percent">90</span>%
                    </div>

                    <div class="space-2"></div>
                    HTML5 & CSS3
                  </div>  

                  <div class="grid3 center">
                    <div class="center easy-pie-chart percentage" data-percent="80" data-color="#9585BF">
                      <span class="percent">80</span>%
                    </div>

                    <div class="space-2"></div>
                    Javascript/jQuery
                  </div>
                </div>
                <div class="hr hr-16"></div>
                <!-- #section:pages/profile.skill-progress -->
                <div class="profile-skills">
                  <div class="progress">
                    <div class="progress-bar" style="width:80%">
                      <span class="pull-left">HTML5 & CSS3</span>
                      <span class="pull-right">80%</span>
                    </div>
                  </div>
                  <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width:72%">
                      <span class="pull-left">Javascript & jQuery</span>
                      <span class="pull-right">72%</span>
                    </div>
                  </div>
                  <div class="progress">
                    <div class="progress-bar progress-bar-purple" style="width:70%">
                      <span class="pull-left">PHP & MySQL</span>
                      <span class="pull-right">70%</span>
                    </div>
                  </div>
                  <div class="progress">
                    <div class="progress-bar progress-bar-warning" style="width:50%">
                      <span class="pull-left">Wordpress</span>
                      <span class="pull-right">50%</span>
                    </div>
                  </div>
                  <div class="progress">
                    <div class="progress-bar progress-bar-danger" style="width:38%">
                      <span class="pull-left">Photoshop</span>
                      <span class="pull-right">38%</span>
                    </div>
                  </div>
                </div>
                <!-- /section:pages/profile.skill-progress -->
              </div>
            </div>
          </div>
        </div>
      </div>
                           
        

      </div><!-- /.page-content -->
    </div>
  </div><!-- /.main-content -->
<include file='Common:footer' />